@charset "utf-8";



body{width: 100%;overflow: hidden;font-family:"PingFangSC-Regular",sans-serif}
*{font-family: "PingFangSC-Regular",sans-serif}
 input,button,a { outline:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}
ins {background-color: #ff9;color: #000;text-decoration: none;}
mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input,select {vertical-align: top;}
li,ul {list-style-type: none;}
img {border: none;}
a{text-decoration: none; color:#393939;}
a:link,a:hover,a:active,a:visited {text-decoration: none;}
input,textarea {outline: 0;border: 0;}
textarea {resize: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;margin: auto;}
ul, li {list-style: none;margin: 0;padding: 0;}
     #search_box .text::-webkit-input-placeholder{
            color:#fff;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff;
        }
.clear,.clearfix{clear: both;}
.j_body{ position: relative;}

.main_box{ margin:0 auto; width:1200px; position:relative;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}

input{outline: none;}

.tou{width: 100%;margin: auto;background: #ff8a00;padding: 10px 0;}
.tou .daa{width: 1200px;margin: auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.tou .daa .zuo{height:30px;display: flex;flex-direction: row;align-items: center;}
.tou .daa .zuo li{margin-right: 20px;}
.tou .daa .zuo li a{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;font-size: 14px;color: #fff;}
.tou .daa .zuo li a img{margin-right: 10px;display: inline-block}
.tou .daa .you{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.tou .daa .you{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.tou .daa .you ul{display: flex;flex-direction: row;margin-left: 20px;}
.tou .daa .you ul li a{font-size: 12px;color: #fff;padding: 0 5px;}
#top_bar{height:39px;line-height:39px;overflow:hidden;border-bottom:1px solid #e7e7e8}

#top_bar .main_box{position:relative}

#top_bar .p{display:inline-block;color:#a4a4a7;font-size:12px}


#search_box form{border: #fff 1px solid;border-radius: 4px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0 10px;}

#search_box input{display:block;border:none;color: #fff;background: none;}

#search_box .text{border-right: #fff 1px solid;color: #fff;margin-right: 10px;}
#search_box .an img{display: inline-block;position: relative;top:10px;}




 

/*===============================================header================================================*/
#header #logo{width: 18%;margin-right: 2%; }
#header #logo img{ width: 100%; }
#header .tel_box{ position:absolute; right: 0; top: 60px; font-size: 12px; color: #636364;  padding-left: 35px; background: url(../images/icon_top_tel.png) left 3px no-repeat;}
#header .tel_box strong{ font-size: 18px; color: #555555;  }
#lan_box{  position: absolute; right: -11px; top: 33px; height: 20px; line-height: 20px; }
#lan_box a{color: #3c3c3e; font-size: 14px; text-transform: uppercase; display: inline-block; background: url(../images/bg_lan.png) right center no-repeat; margin-left: 10px; padding-right: 15px;}
#lan_box a:last-child{ background: none;}
#lan_box a.on{color:#ff8a00; }
#lan_box a:hover{color:#ff8a00; }

/*=================导航=================*/

#nav_box{width:100%;height:65px;border-top:1px solid #e5e5e5}

#nav ul{ width: 100%;}

#nav li{display:block;float:left;position:relative;width:120px;  line-height: 65px;}

#nav li .a{display:inherit;width:120px;text-align:center;height:65px;position:relative}

#nav li .a strong{position:relative;z-index:2;display:block;font-size:15px;font-weight:700;color:#3e3c41;text-align:center}

#nav li .a span{position:absolute;top:0;left:-1px;width:100%; display: table; height: 65px;}

#nav li .a i{display:table-cell; margin:0 auto;text-align:center;z-index:4; vertical-align: middle;}
#nav li .a i .height_box{  width:134px; height: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#nav .on .a i .height_box{height:65px;}

#nav li.on strong{color:#ff8a00;border-bottom: #ff8a00 2px solid;}

#nav li .a:hover i .height_box{height:65px;}

#nav li .a:hover strong{color:#ff8a00;border-bottom: #ff8a00 2px solid;}


#nav ul li .list{left:0;top:65px;z-index:9999;display:none;width:120px;position:absolute;font-size:14px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.8);}
#nav ul li .list .box{ padding: 10px 0 5px 0;}
#nav ul li .list a{height:32px;font-size:14px;text-align:center;display:block;line-height:32px!important;color:#585859;overflow: hidden;}

#nav ul li .list a:hover{color:#ff8a00;font-weight: bold;}
.yuyan{width: 12%;height: 40px;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.16);

}
.yuyan select{height: 40px;border: none;padding: 0 10px;}
.yuyan option{height: 40px;}


/*================= banner===================*/

#banner{position:relative;height:620px;overflow:hidden}

#banner .bd{position:relative}

#banner .bd a{display:block;width:100%;height:620px}

#banner .hd{margin:0 auto;position:absolute;width:100%}

#banner .hd a{display:block;width:55px;height:105px}

#banner .hd ul{margin:0 auto;z-index:9;width:100%;display:inherit;text-align:center;margin-top:-50px;position:relative;height:40px}

#banner .hd ul li{display:inline-block;padding-top:13px}

#banner .hd ul li a{line-height:40px;border-radius:50%;height:10px;width:10px;margin:0 3px;display:block;background:#fff}

#banner .hd ul li a:hover{background:#e95d19}

#banner .hd ul .on a{background:#e95d19}

#banner .bnt{position:absolute;top:50%;z-index:3;margin-top:-21px}

#banner .prev{position:absolute;left:-54px}

#banner .next{position:absolute;right:-54px}

#banner:hover .prev{left:50px;opacity:.5;filter:alpha(opacity=50)}

#banner:hover .next{right:50px;opacity:.5;filter:alpha(opacity=50)}









/*==============footer=====================*/

#footer{background: #424146;  font-size:12px; }

#footer .main_box{ position:relative;}

 /*=========footer_up===========*/

#footer .up_box{ padding:40px 0;}

#footer .up_box .main_box{ position:relative;}
#footer .fot_ewm{ position: absolute; top: 50px; right: 50px; display: block; width: 110px;}
#footer .up_box .fl{}

#footer .up_box .fl dd{ float:left; min-width:60px; padding-right: 90px;}

#footer .up_box .fl dd h1{ font-size:14px; color:#fff; line-height:22px; margin-bottom:10px;}

#footer .up_box .fl dd a{ display:block; font-size:12px; color:#9a98a2; line-height:22px;}

#footer .up_box .fl dd a:hover{ color:#fff;}



#footer .un_box{ background: #38383c; position:relative; padding:15px 0;  }

#footer .un_box .main_box{ position:relative;}

#footer .un_box p{ color:#6a6a6c; font-size:12px; line-height:20px; }

#footer .un_box a{ color:#6a6a6c;}

#footer .un_box a:hover{ color:#fff;}

#footer .un_box .copyright{ position: absolute; right: 0; top:0;}

.product{margin: auto;margin-top: 40px;}
.ttitle{width: 20%;height: 125px;background: url(../picture/tbg.png) left no-repeat;margin: auto;text-align: center;position: relative;margin-top: 40px;margin-bottom: 40px;}
.ttitle .zi{position: absolute;top:50%;margin-top: -40px;left: 50%;margin-left: -35%;}
.ttitle .zi h2{margin: 0; font-size: 48px;color: #333;letter-spacing: 5px;font-weight: bold;}
.ttitle .zi h4{font-size: 20px;color: #ddd;margin-top: -5px;position: relative;left: 60px;}
.ttitle .zi h2 .span1{color: #ff8a00;}
.ttitle .zi h4 .span2{font-size: 14px;color: #666;margin-left: 10px;}
.s_chanye{width: 100%;margin: auto;}
.s_chanye .m{width: 100%;margin: auto;}
.s_chanye .s_tt{ text-align:center; color:#fff; font-size:24px; margin-bottom:67px;}
.s_chanye .s_tt span{ font-size:30px; color:#fff; text-transform:uppercase; font-weight:bold; display:block; margin-bottom:10px;}
.s_chanye .hd{width: 100%;margin: auto; overflow:hidden; padding-top:18px; margin-top:-18px;}
.s_chanye .hd ul{ width: 100%;margin: auto;margin:0 -3px;}
.s_chanye .hd ul li{width: 16.66%;float:left;height:160px;border:2.5px solid #e8eaec;text-align:center;position:relative;cursor:pointer;transition:.6s;-webkit-transition:.6s;display: flex;flex-direction: row;justify-content: center;}
.s_chanye .hd ul li a{height: 160px; display: flex;flex-direction: row;justify-content: center;align-items: center;}

.s_chanye .hd ul li:before{  position:absolute; left:50%; margin-left:-11px; top:0; transition:.6s; -webkit-transition:.6s; -moz-transition:.6s; -ms-transition:.6s; -o-transition:.6s;}
.s_chanye .hd ul li.on:before{ top:-18px; transition:.6s; -webkit-transition:.6s;content: url(../picture/s_chanye_ico.png); }

.s_chanye .hd ul li img{ display:inline-block;}
.s_chanye .hd ul li h5{ display:inline-block; height:68px; margin-left:18px; }
.s_chanye .hd ul li h5 div{display:table-cell; vertical-align:middle; height:68px; font-size:18px; color:#222; font-weight:bold; }
.s_chanye .hd ul li h5 span{ display:block; font-size:18px; color:#555;  font-weight:100; margin-bottom:6px;}
.s_chanye .hd ul li a h5 div:hover{color: #ff8a00;transition: all ease-out 0.5s;transform: scale(1.1)}
.s_chanye .hd ul li a h5 div:hover span{color: #ff8a00;transition: all ease-out 0.5s;transform: scale(1.1)} 
.s_chanye .bd{ position:relative;background: url(../picture/bga.png) bottom no-repeat;padding-bottom: 80px;}
.s_chanye .bd ul{}
.s_chanye .bd ul li{ overflow:hidden;}
.s_chanye .bd ul li .img{ width:540px; height:350px; float:right; border:5px solid #fff;}
.s_chanye .bd ul li .txt{ width:495px; height:350px; float: left; padding-top:63px;}
.s_chanye .bd ul li .txt i{ width:52px; height:4px; display:block; background:url(../images/s_chanye_ico.jpg) center no-repeat; margin-bottom:20px;}
.s_chanye .bd ul li .txt h5{ font-size:24px; color:#fff; font-weight:bold;}
.s_chanye .bd ul li .txt span{ font-size:14px; color:#748ec0; font-weight:100; text-transform:uppercase; display:block; margin-top:10px;}
.s_chanye .bd ul li .txt p{ font-size:14px; line-height:30px; height:90px; overflow:hidden; color:#fff; margin-top:32px;}
.indexBusiness { height: auto; overflow: hidden; }
.indexMainTit { height: auto; overflow: hidden; padding: 67px 0 0; color: #333; text-align: center; }
.indexMainTit div { font-size: 24px; }
.indexMainTit p { font-size: 36px; color: #cbcbcb; text-transform: uppercase; }
.mainCategory { height: auto; overflow: hidden; padding-bottom: 14px; text-align: center; color: #e5e5e5; line-height: 32px; }
.mainCategory a { display: inline-block; padding: 0 30px; color: #464646; font-size: 14px; }
.showBox { position: relative; width: 1210px; margin: 0 auto; }
.showBox .shd { width: 1210px; }
.showBox .shd ul { width: 1210px !important; }
.showBox .shd li { position: relative; width: 295px;float: left; overflow: hidden; margin: 0 3px;  }

.moviesPhoto2{ width: 1200px;margin: auto;}
.moviesPhoto2 .swiper-slide{ display: inline-block; vertical-align: top; width: 25%; margin-right: 40px; margin-bottom: 40px;}
.moviesPhoto2 .swiper-slide:nth-child(4n){ margin-right: 0%;}
.moviesPhoto2 .swiper-slide:nth-of-type(n+5){ margin-bottom: 0;}
.moviesPhoto2 .swiper-slide .neislide{ width: 100%; height: 300px; position: relative;}
.moviesPhoto2 .swiper-slide .neislide img{ display: block; width: 100%; height: 100%;}
.moviesPhoto2 .swiper-slide .neislide .morbox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	opacity: 0;
}
.moviesPhoto2 .swiper-slide .neislide .morbox:before{ position: absolute; content: ''; left: 0; top: 0; width: 0px; height: 0px;
	border-top: 4px solid #ff8a00;
	border-left: 4px solid #ff8a00;

}
.moviesPhoto2 .swiper-slide .neislide .morbox:after{ position: absolute; content: ''; right: 0; bottom: 0; width: 0px; height: 0px;
	border-bottom: 4px solid #ff8a00;
	border-right: 4px solid #ff8a00;
}
.moviesPhoto2 .swiper-slide .neislide .morbox:before,
.moviesPhoto2 .swiper-slide .neislide .morbox:after{
    opacity: 0;
	transition: all 1s ease .6s;
	-webkit-transition: all 1s ease .6s;
	-moz-transition: all 1s ease .6s;
}
.moviesPhoto2 .swiper-slide .neislide .morbox .sub{ width: 100%; text-align: center; display: table-cell; vertical-align: middle;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	opacity: 0;
	transition: all .6s ease .2s;
	-webkit-transition: all .6s ease .2s;
	-moz-transition: all .6s ease .2s;
} 
.moviesPhoto2 .swiper-slide .neislide .morbox .sub h4{ font-size: 18px; font-weight: bold; color: #fff;}
.moviesPhoto2 .swiper-slide .neislide .morbox .sub font{ display: block; margin: 5px 0 15px; width: 100%; font-size: 13px; color: #fff;}
.moviesPhoto2 .swiper-slide .neislide .morbox .sub a{ display: inline-block; width: 96px; height: 47px; border: 1px solid #ff8a00; line-height: 47px;
	 color: #fff; font-family: 'arial'; font-weight: bold;
}
.moviesPhoto2 .swiper-slide .neislide .morbox .sub a:hover{ color: #fff; background-color: #ff8a00; border-color: #ff8a00;}
.moviesPhoto2 .swiper-slide .neislide:hover .morbox{ opacity: 1;}
.moviesPhoto2 .swiper-slide .neislide:hover .morbox:before,
.moviesPhoto2 .swiper-slide .neislide:hover .morbox:after{ width: 50px; height: 78px; opacity: 1;}
.moviesPhoto2 .swiper-slide .neislide:hover .morbox .sub{
	opacity: 1;	
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
}

.about{width: 100%;margin: auto;margin-top: 40px;height: 650px;position: relative;}

.about .dada{width: 1200px;height: 80%; margin: auto;position: absolute;left: 50%;margin-left: -600px; z-index:30;top:13%}
.about .dada .zuo{width: 50%;}
.about  .bg2{width: 50%;height:80%; position: absolute;left: 0;top:10%;}
.about .dada .zuo .bg4{width: 50%; position: relative;top:20px;}
.about .dada .zuo .bg3{ position: relative;top:15px;}
.about .dada .zuo .zh{width: 100%;position: relative;top:5px;padding: 0 20px;}
.about .dada .zuo .zh h2{font-size: 18px;color:#333;margin-bottom: 10px;margin-top: 15px;}
.about .dada .zuo .zh p{font-size: 14px;color: #999; line-height: 24px;     text-overflow:ellipsis; 
        
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;}
.about .dada .zuo .zh img{position: absolute;right: 20px;bottom:-50px;}
.pin{width: 100%;margin: auto;background: url(../picture/bga.png) bottom no-repeat;padding-bottom: 80px;}
.pin .n_linian{width: 1200px;margin: auto;}
.n_linian ul{ width:100%; background:#e5e5e5 url(../picture/n_linian_bg.png) right bottom no-repeat; height:400px;overflow: hidden;}
.n_linian ul li{ float:left; width:25%; height:400px; padding:20px 20px 0; text-align:center; position:relative; border-right:#f3f3f3 2px solid;overflow: hidden;}
.n_linian ul li:last-child{ border:none}
.n_linian ul li .img{ position:absolute; width:0; height:400px; top:0; left:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; overflow:hidden}
.n_linian ul li:hover .img{ width:100%;height: 400px; }

.n_linian ul li h3{ font-size:20px; color:#e70012; margin-bottom:20px;}
.n_linian ul li h4{ margin-bottom:15px;}
.n_linian ul li p{ font-size:14px; line-height:28px; color:#999}
.case{width: 100%;height: 500px; margin: auto;background: url(../picture/anlibg.png) center no-repeat;position: relative;top:200px;margin-bottom: 380px;}
.case .da{width:1200px;height: 100%; margin: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.case .da .zuo{width: 35%;height: 100%;background: rgba(255,255,255,0.7);}
.case .da .zuo img{width: 100%;height: 435px;display: block;margin: auto;}
.case .da .zuo p{width: 100%;height:40px;text-align: center;line-height: 40px; }
.case .da .you{width: 65%;height: 100%; display: flex;flex-direction: column;background: rgba(255,255,255,0.7);}
.case .da .you .sh{width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: flex-end;}
.case .da .you .sh li {width: 50%;}
.case .da .you .sh li a {width: 100%;display: block;text-align: center;}
.case .da .you .sh li a img{width: 100%;
  box-shadow: -4.474px -6.632px 18px 0px rgba(0, 0, 0, 0.1);

}
.case .da .you .sh .li2 a img{width: 100%;height: 350px;}
.case .da .you .sh .li2 a p{width: 100%;height: 40px;line-height: 40px;;text-align: center;color: #333;}
.case .da .you .xia{width: 100%;height: 20%;position: relative;}
.case .da .you .xia li a{width: 100%;display: block;text-align: center;}
.case .da .you .xia li a img{width: 100%;height: 240px;}
.case .da .you .xia li a p{width: 36%;height: 80px;background:rgba(255,255,255,0.7);position: absolute;top:75%;left: 50%;margin-left: -15%;line-height: 80px;text-align: center;color: #333;font-size: 14px;overflow: hidden}


.tbTit {padding: 75px 0 35px 0;}

.news .conbox {display: none;}
.news .conbox.cur {display: block;}
.news {background: #f6f6f6;padding-bottom: 80px;}
.news .boxRight ul li {float: left;font-size: 16px;margin-right: 30px;position: relative;}
.news .boxRight ul li a {color: #979797;}
.news .boxRight ul li em {display: block;position: absolute;left: 0;bottom: -1px;background: #ff8a00;width: 0;height: 4px; transition: all 0.5s;opacity: 0.8;}
.news .boxRight ul li.cur a , .news .boxRight ul li:hover a {color: #333;}
.news .boxRight ul li.cur em , .news .boxRight ul li:hover em {width: 100%;}

.news .conleft {width: 360px;padding: 40px;background: #fff;}
.news .conleft .p1 {font-size: 18px;margin-bottom: 35px;}
.news .conleft .p1 a {color: #333;        text-overflow:ellipsis; 
         
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;}
.news .conleft .p2 {font-size: 14px;margin-bottom: 35px;line-height: 20px;        text-overflow:ellipsis; 
        
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;}
.news .conleft .p3 {padding-left: 65px;position: relative;color: #ccc;margin-bottom: 20px;}
.news .conleft .p3 em {display: block;width: 2px;height: 109px;background: #ff8a00;position: absolute;left: 40px;top: 0px;}
.news .conleft .p3 span {display: block;font-size: 24px;}
.news .conleft .p3 i {display: block;font-size: 13px;}
.news .conleft .p4 {overflow: hidden;}
.news .conleft .p4 img {display: block;width: 360px;height: 245px;}
.news .conright {width: 720px;}
.news .conright dl {padding-left: 230px;position: relative;padding-top: 38px;margin-top: 38px;border-top: 1px solid #ededed;}
.news .conright dl:first-child {padding-top: 0;margin-top: 0;border-top: none;}
.news .conright dl dt {position: absolute;left: 0;top: 38px;overflow: hidden;}
.news .conright dl dt img {display: block;width: 205px;height: 140px;transition: all 1s;}

.news .conright dl:first-child dt {top: 0;}
.news .conright dl dd.dd1 {font-size: 18px;margin-bottom: 14px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .conright dl dd.dd1 a {color: #333;}
.news .conright dl dd.dd2 {line-height: 24px;font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 48px;margin-bottom: 34px;}
.news .conright dl dd.dd3 {position: relative;}
.news .conright dl dd.dd3 a {display: block;color: #ccc;background: url(../picture/newsjt01.png) no-repeat right center;}

.news .conright dl:hover dt img {transform: scale(1.1);}
.news .conright dl:hover dd.dd1 a {color: #ff8a00;}


.s_rukou{ height:490px; background: url(../picture/s_rukou_bg.png) center no-repeat; position:relative;}
.s_rukou ul{}
.s_rukou ul li{ width:50%; height:490px; float:left; position:relative; z-index:0;}
.s_rukou ul li:before{ content:""; width:0; height:100%; display:block; position:absolute; z-index:-1; right:0; top:0; background: rgba(255,255,255,0.3); transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s;}
.s_rukou ul li:hover:before{ width:100%; left:0; right:auto;}
.s_rukou ul li .txt{ width:539px; padding-top:122px; position:absolute;}
.s_rukou ul li h5{ font-size:22px; color:#999; font-weight:bold; margin-bottom:36px;}
.s_rukou ul li span{ font-size:15px; display:block; color:#999; margin-bottom:16px;}
.s_rukou ul li p{ font-size:14px;  color:#999; line-height:24px; height:48px; overflow:hidden;}
.s_rukou ul li .btn{ width:156px; height:45px; display:block; text-align:center; line-height:41px; border:2px solid #d3d3d3; color:#999; font-size:12px; margin-top:80px; transition:.6s; -webkit-transition:.6s; }
.s_rukou ul li .btn:hover{border:2px solid rgba(255,255,255,.4);}
.ditu{position: relative;}

.ditu  .zi{width: 24%;margin: auto;padding: 20px 2%;border: #ff8a00 2px solid;position: absolute;top:100px;background: rgba(255,255,255,0.8);text-align: center;left: 50%;margin-left: -12%;}
.ditu  .zi h4{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 10px;}
.ditu  .zi p{font-size: 16px;margin-bottom: 20px;}
.ditu  .zi .kuang{width: 80%;height: 40px; margin: auto;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;background: #f3f3f3;}
.ditu  .zi .kuang input{background: none;}
.ditu  .zi .tijiao{width: 80%;background: #ff8a00;margin-top: 40px;height: 40px;color: #fff;}
.di{width: 100%;margin: auto;background: #ff8a00;padding: 20px 0;}
.di .da{width: 1200px;margin: auto;display: flex;flex-direction: row;justify-content: space-between;align-items:flex-start;}
.di .da .zuo{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;}
.di .da .zuo ul{height: 280px; padding: 20px 40px;border-right: #fd9f31 1px solid;}
.di .da .zuo ul h2{font-size: 16px;color: #fff;margin-bottom: 20px;}
.di .da .zuo ul h2 span{margin-left: 10px;}
.di .da .zuo ul li a{padding:10px 0;font-size: 14px;color: #fff;display: block;}
.di .da .you{width: 28%;}
.di .da .you h2{font-size: 14px;color: #fff;}
.di .da .you h1{font-size: 30px;color: #fff;font-weight: bold;margin: 10px 0;}
.di .da .you h4{font-size: 14px;color: #fff;}
.di .da .you ul{display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-top: 20px;}
.di .da .you ul li{margin: 0 10px;text-align: center;}
.di .da .you ul li img{width: 120px;height: 120px;}
.di .da .you ul li p{font-size: 14px;color: #fff;margin-top: 10px;}
.di2{width: 100%;margin: auto;padding: 10px 0;background: #333;text-align: center;}
.di2 p{font-size: 12px;color: #fff;}
.di2 p a{color: #fff;}
.di2 p span{margin-left: 10px;}
/*底部*/
  /*返回顶部*/


.rtTop {
  width: 43px;
  height: 43px;

  position: fixed;
  top: 84%;
  right: 16%;
  
  cursor: pointer;

	z-index: 9999;
}
.rtTop h4 {
  width: 43px;
  height: 43px;
  overflow: hidden;
  position: relative;
}
.rtTop img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/*右侧浮动*/
.float{ position:fixed; top:50%; right:0; margin-top:-176px; z-index:2000; width:48px; height:250px;}

.float_show a{ background-color:#ff8a00;display:block; color:#FFF; font-size:16px; width:auto; height:48px; overflow:hidden;text-decoration: none;}
.float_show a img{ vertical-align:middle;}

.float_show.float_show0 .fewm{position:absolute;right:48px;top:6px;display:none;}
.float_show.float_show0 a{ background:url(../picture/float_icon1.png) no-repeat; width:48px; height:48px;}
.float_show:hover a{ background-color:#ff8a00; line-height:48px; color:#FFF;}

.float_show.float_show0:hover a{ background:url(../picture/float_icon_ho1.png) no-repeat;}
.float_wx{ display:none; position:absolute; top:-128px; left:-188px; background:url(../picture/float_wxbd.png) no-repeat; width:144px; height:168px; padding:18px 27px 0 17px;}
.float_show.float_show1{ position:absolute; top:49px; right:-124px; width:194px;}
.float_show.float_show2{ position:absolute; top:98px; right:-172px; width:247px;}
.float_show.float_show3{ position:absolute; top:153px; right:-78px; width:126px;}
.float_show.float_show4{ position:absolute; top:202px; right:-78px; width:126px;}
.undis{display: none;}